<template>
	<!-- <view class="popup-class">	
		<tn-popup v-model="showPhone"  mode="bottom" height="40%">
			<view class="popupBoxTitle">
				<view class="popupBoxTitle">
					用户隐私保护提示
				</view>
			  <view class="popupBoxDetail">
			        在你使用基础工程小程序服务之前，请认真阅读基础小程序
			        <text class="privacy-link">《基础工程小程序隐私保护指引》</text>
			        <br />
			        若你同意该指引，请点击"同意"开始使用本小程序。
			      </view>
				<view class="popupBoxTitleButton">
					<view class="popupBoxTitleButtonRefule">
						<span>拒绝</span>
					</view>
					<view class="popupBoxTitleButtonagree">
						<span>同意</span>
					</view>
				</view>
			</view>
		</tn-popup>
	
	</view> -->
	<view class="popup-class" v-if="showPhone">
		<view class="get-phone">
			<view class="p2">申请获取您绑定的手机号</view>
			<button class="phone-button" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">
				确 认
			</button>
		</view>
	</view>

</template>

<script>
	export default {
		data() {
			return {
				showPhone: false
			}
		},
		methods: {
			wechatLogin() {
				uni.showModal({
					title: '授权登录',
					content: '您还没有进行登录，前往登录',
					success: () => {
						// 1、uni.getUserProfile 获取用户信息 
						uni.getUserProfile({
							desc: '登录后可同步数据',
							lang: 'zh_CN',
							success: (infoRes) => {
								console.log('用户信息-----------', infoRes)
								this.userInfo = infoRes.userInfo;
								// 2、uni.login 获取code 
								uni.login({
									provider: 'weixin',
									success: async (loginRes) => {
										console.log('获取code-----------', loginRes)
										this.sessionId = loginRes.code;
										this.showPhone = true;
										// let that=this;
										//    setTimeout(() => {
										// 	   console.log('555')
										//                 that.getPhoneNumber(e);
										//             }, 1000);
									},
									fail: function(err) {}
								});
							},
							fail: function(err) {}
						});
					}
				})
			},
			// 3、调用getPhoneNumber
			async getPhoneNumber(e) {
				// uni.switchTab({
				// 	url: '/pages/my/my'
				// });
				console.log(e, 'e')
				if (e.detail.errMsg == "getPhoneNumber:ok") {
					// 可以获取到encryptedData和iv
					const encryptedData = e.detail.encryptedData;
					const iv = e.detail.iv;

					// 将encryptedData和iv发送到服务器端进行解密
					wx.request({
						url: 'YOUR_SERVER_ENDPOINT', // 你的服务器解密接口地址
						method: 'POST',
						data: {
							encryptedData: encryptedData,
							iv: iv
						},
						success(res) {
							// 服务器解密成功，返回的手机号码
							console.log(res.data.phoneNumber);
						},
						fail() {
							// 服务器解密失败处理
							console.log('服务器解密失败');
						}
					});
				} else {
					// 用户拒绝授权获取手机号
					console.log('用户拒绝授权获取手机号');
				}
			}


		},
		onLoad() {
			
			// #ifdef MP-WEIXIN
			const token = '';
			// const token = this.$Storage.getToken()
			console.log('token1===========', token)
			if (!token) {
				this.wechatLogin() // 登录授权
			} else {
				uni.switchTab({
					url: '/pages/home/index'
				});
			}
			// #endif
		},
		  mounted() {
		//     // 发起 GET 请求
		//     this.$get('example', { id: 123 })
		//       .then(res => {
		//         console.log('GET 请求成功：', res);
		//       })
		//       .catch(err => {
		//         console.error('GET 请求失败：', err);
		//       });
		
		//     // 发起 POST 请求
		//     this.$post('example', { name: 'example' })
		//       .then(res => {
		//         console.log('POST 请求成功：', res);
		//       })
		//       .catch(err => {
		//         console.error('POST 请求失败：', err);
		//       });
		  }
	}
</script>

<style lang="scss" scoped>
	.popup-class{
		height: 100vh;
	}
	.popupBoxTitle{
		    padding: 30rpx;
			.popupBoxTitle{
				font-size: 32rpx;
				    color: #333333;
				    font-weight: 700;
			}
			.popupBoxDetail{
				    margin-left: 34rpx;
				    line-height: 40rpx;
				    margin-top: 20rpx;
					    font-size: 24rpx;
					    color: #989898;
						.privacy-link{
							color: #5D6C8B;
						}
			}
			.popupBoxTitleButton{
				    display: flex;
				    justify-content: space-around;
				    margin-top: 80rpx;
					.popupBoxTitleButtonRefule{
						text-align: center;
						span{
							    background: #F5F5F5;
							    color: #333333;
							    /* padding: 12rpx 82rpx; */
							    font-size: 34rpx;
							    border-radius: 10rpx;
							    padding: 16rpx 82rpx;
								font-weight: 700;
						}
					}
					.popupBoxTitleButtonagree{
						text-align: center;
						span{
							    background: #36CD80;
							    color: #ffffff;
							    padding: 16rpx 82rpx;
							    font-size: 34rpx;
							    border-radius: 10rpx;
								font-weight: 700;
						}
					}
			}
	}
</style>